var add = document.querySelector(".add");
var section = document.querySelector(".chat-section");
var chat_input = document.querySelector(".chat-input");
add.addEventListener("click", function () {
    var template = function (neirong) {
        return ` <div class="msg-youbox">
        ${neirong}
    </div>
    <div class="touxiang">
        <img src="../images/touxiang1.png" alt="" srcset="" class="touxiang-img">
    </div>`
    }
    var msgyou = document.createElement("div");
    msgyou.classList.add("msgyou");
    msgyou.innerHTML=template(chat_input.value);
    section.appendChild(msgyou);
})


var back_img = document.querySelector(".back-img");

back_img.addEventListener("click",function(){
    goBack();
})

var span_jilu = document.querySelector(".span-jilu");
span_jilu.addEventListener("click",function(){
    location.href = "client_ziliao.html";
})

var my_touxiang = document.querySelector(".my-touxiang");
my_touxiang.addEventListener("click",function(){
    location.href = "client_ziliao.html";
})